body {
  background: #ffffff;
}
body .header {
  height: 1.2rem;
  width: 100%;
  background: #000;
  color: #c6c6c7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 109;
}
body .header .left,
body .header .right {
  width: 2rem;
  line-height: 1.2rem;
  font-size: 0.37333333rem;
  text-align: center;
}
body .header .center {
  width: 2.93333333rem;
  line-height: 1.2rem;
  font-size: 0.45333333rem;
  text-align: center;
}
body .nav {
  margin-top: 1.2rem;
  height: 1.2rem;
  background: #ffffff;
}
body .nav ul {
  height: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body .nav ul li {
  line-height: 1.2rem;
  padding-left: 0.13333333rem;
  padding-right: 0.13333333rem;
  font-size: 0.4rem;
  color: #999;
}
body .nav ul .on {
  border-bottom: 2px solid orangered;
  color: #000;
}
body .nav ul li:first-child {
  margin-left: 20%;
}
body .nav ul li:last-child {
  margin-right: 20%;
}
body .div {
  width: 100%;
  height: 0.26666667rem;
  background: #eeeeee;
}
body .main {
  margin-top: 0.26666667rem;
  background: #ffffff;
}
body .main h2 {
  line-height: 1.33333333rem;
  font-size: 0.45333333rem;
  text-align: center;
  font-weight: bold;
}
body .main .dian {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .main .dian .round {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #ccc;
  z-index: 99;
}
body .main .dian .xian {
  width: 4.26666667rem;
  height: 0.05333333rem;
  background: #ccc;
  position: absolute;
}
body .main .dian .center {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
body .main .dian .on {
  background: orangered;
}
body .main .kou {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.8rem;
  font-size: 0.32rem;
}
body .main .kou .center {
  margin-left: 0.66666667rem;
  margin-right: 0.66666667rem;
}
body .main .kou .on {
  color: orangered;
}
body .main ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.8rem;
}
body .main ul li img {
  width: 2.66666667rem;
  height: 2.66666667rem;
}
body .main ul li dd {
  text-align: center;
  line-height: 0.66666667rem;
  font-size: 0.37333333rem;
}
body .main ul .on img {
  border: 2px solid orangered;
  border-radius: 50%;
}
body .main ul .on dd {
  color: orangered;
}
body .main ul li:first-child {
  margin-right: 1.33333333rem;
}
body .main ul li:last-child {
  margin-left: 1.33333333rem;
}
body .footer {
  background: #f4f4f4;
  width: 100%;
  height: 1.33333333rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  border-top: 1px solid #ccc;
}
body .footer p {
  text-align: center;
  line-height: 1.33333333rem;
  font-size: 0.45333333rem;
}
body .on {
  color: orangered;
}
body .zhuang {
  display: none;
  margin-top: 0.26666667rem;
  background: #ffffff;
}
body .zhuang h2 {
  line-height: 1.33333333rem;
  font-size: 0.45333333rem;
  text-align: center;
  font-weight: bold;
}
body .zhuang .dian {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .zhuang .dian .round {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #ccc;
  z-index: 99;
}
body .zhuang .dian .xian {
  width: 4.26666667rem;
  height: 0.05333333rem;
  background: #ccc;
  position: absolute;
}
body .zhuang .dian .center {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
body .zhuang .dian .on {
  background: orangered;
}
body .zhuang .kou {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.8rem;
  font-size: 0.32rem;
}
body .zhuang .kou .center {
  margin-left: 0.66666667rem;
  margin-right: 0.66666667rem;
}
body .zhuang .kou .on {
  color: orangered;
}
body .zhuang ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.8rem;
}
body .zhuang ul li img {
  width: 2.66666667rem;
  height: 2.66666667rem;
}
body .zhuang ul li dd {
  text-align: center;
  line-height: 0.66666667rem;
  font-size: 0.37333333rem;
}
body .zhuang ul .on img {
  border: 2px solid orangered;
  border-radius: 50%;
}
body .zhuang ul .on dd {
  color: orangered;
}
body .zhuang ul li:first-child {
  margin-right: 1.33333333rem;
}
body .zhuang ul li:last-child {
  margin-left: 1.33333333rem;
}
body .footer {
  background: #f4f4f4;
  width: 100%;
  height: 1.33333333rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
}
body .footer div {
  float: left;
  width: 50%;
  text-align: center;
  line-height: 1.33333333rem;
  font-size: 0.37333333rem;
  color: #999;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body .footer .xia {
  border-right: none;
}
body .footer .on {
  color: orangered;
}
body .xin {
  display: none;
  margin-top: 0.26666667rem;
  background: #ffffff;
}
body .xin h2 {
  line-height: 1.33333333rem;
  font-size: 0.45333333rem;
  text-align: center;
  font-weight: bold;
}
body .xin .dian {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .xin .dian .round {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #ccc;
  z-index: 99;
}
body .xin .dian .xian {
  width: 4.26666667rem;
  height: 0.05333333rem;
  background: #ccc;
  position: absolute;
}
body .xin .dian .center {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
body .xin .dian .on {
  background: orangered;
}
body .xin .kou {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.8rem;
  font-size: 0.32rem;
}
body .xin .kou .center {
  margin-left: 0.66666667rem;
  margin-right: 0.66666667rem;
}
body .xin .kou .on {
  color: orangered;
}
body .xin ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.8rem;
}
body .xin ul li img {
  width: 2.66666667rem;
  height: 2.66666667rem;
}
body .xin ul li dd {
  text-align: center;
  line-height: 0.66666667rem;
  font-size: 0.37333333rem;
}
body .xin ul .on img {
  border: 2px solid orangered;
  border-radius: 50%;
}
body .xin ul .on dd {
  color: orangered;
}
body .xin ul li:first-child {
  margin-right: 1.33333333rem;
}
body .xin ul li:last-child {
  margin-left: 1.33333333rem;
}
body .footer {
  background: #f4f4f4;
  width: 100%;
  height: 1.33333333rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
}
body .footer div {
  float: left;
  width: 50%;
  text-align: center;
  line-height: 1.33333333rem;
  font-size: 0.37333333rem;
  color: #999;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body .footer .xia {
  border-right: none;
}
body .footer .on {
  color: orangered;
}
body .check {
  display: none;
}
body .check h2 {
  text-align: center;
  background: #eee;
  line-height: 1.33333333rem;
  font-size: 0.37333333rem;
  color: #999;
}
body .check h2 span {
  color: orangered;
}
body .check .Check {
  width: 100%;
}
body .check .Check dl {
  width: 50%;
  float: left;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 7.2rem;
  text-align: center;
}
body .check .Check dl dt {
  width: 3.2rem;
  height: 3.2rem;
  margin: 20px auto;
}
body .check .Check dl dt img {
  width: 100%;
}
body .check .Check dl .dd1 {
  height: 1.06666667rem;
  font-size: 0.34666667rem;
  line-height: 0.53333333rem;
  margin-left: 0.13333333rem;
  margin-right: 0.13333333rem;
  margin-top: 0.26666667rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
body .check .Check dl .dd2 {
  height: 0.53333333rem;
  font-size: 0.32rem;
  margin-left: 0.13333333rem;
  margin-right: 0.13333333rem;
  margin-top: 0.26666667rem;
  color: #999;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
body .check .Check dl .dd3 {
  color: red;
  line-height: 0.53333333rem;
  font-size: 0.4rem;
}
body .check .Check dl .dd4 {
  color: #999;
  line-height: 0.53333333rem;
  font-size: 0.29333333rem;
}
body .check .senter {
  clear: both;
  margin-bottom: 1.33333333rem;
  height: 1.2rem;
  background: #eeeeee;
}
body .check .senter p {
  line-height: 1.2rem;
  font-size: 0.37333333rem;
  text-align: center;
  color: #999;
}
